// import "bootstrap/dist/css/bootstrap.css";
// import "bootstrap/dist/css/bootstrap-theme.css";
// import "./bu-base.css";

import bdwView from "./button-dropdowns.mjs";
import CollapseDemoView from "./collapse-demo.view.mjs";
import dmmView from "./demo-modal.mjs";
import fbView from "./form-base.mjs";
import hsView from "./horizontal-stack.mjs";
import tbView from "./table-base.mjs";
import { defineIndexRouteView } from "@/routers/common-index.mjs";
import { combRouter } from "@/routers/tools.mjs";

/**
 * @type {DefineRoute[]}
 */
export const subRoutingBU = [
  combRouter(hsView, {
    name: "dg.bu.hs",
    url: "/hs",
  }),
  combRouter(tbView, {
    name: "dg.bu.tb",
    url: "/tb",
  }),
  combRouter(fbView, {
    name: "dg.bu.fb",
    url: "/fb",
  }),
  combRouter(bdwView, {
    name: "dg.bu.bdw",
    url: "/bdw",
  }),
  combRouter(dmmView, {
    name: "dg.bu.dmm",
    url: "/dmm",
  }),
  combRouter(CollapseDemoView, {
    name: "dg.bu.collapse-demo",
    url: "/collapse-demo",
  }),
];

const buView = defineIndexRouteView(subRoutingBU);

export default buView;
